<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="./css/bootstrap.css">
</head>
<body>
<div>
  <div class="row">
    <div class="col-xs-offset-2 col-xs-8">
      <div class="page-header"><h2>Router Basic - 01</h2></div>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-2 col-xs-offset-2">
      <div class="list-group">
        <a href="#/about" class="list-group-item">About</a>
        <a href="#/home" class="list-group-item active">Home</a>
      </div>
    </div>
    <div class="col-xs-6">
      <div data-v-957c9522="" class="col-xs-6">
        <div data-v-957c9522="" class="panel">
          <div data-v-957c9522="" class="panel-body">
            <div data-v-957c9522="" msg="atguigu"><h2 data-v-957c9522="">home组件</h2>
              <div data-v-957c9522="">
                <ul data-v-957c9522="" class="nav nav-tabs">
                  <li data-v-957c9522=""><a data-v-957c9522="" href="#/home/news" class="">News</a></li>
                  <li data-v-957c9522=""><a data-v-957c9522="" href="#/home/message"
                                            class="router-link-exact-active active">Message</a></li>
                </ul>
                <div data-v-c3f82132="" data-v-957c9522="">
                  <ul data-v-c3f82132="">
                    <li data-v-c3f82132=""><a data-v-c3f82132="" href="#/home/message/messageDetail/1" class="">
                      message01
                      <input data-v-c3f82132="" type="button" value="push"> <input data-v-c3f82132="" type="button"
                                                                                   value="replace"></a></li>
                    <li data-v-c3f82132=""><a data-v-c3f82132="" href="#/home/message/messageDetail/2" class="">
                      message02
                      <input data-v-c3f82132="" type="button" value="push"> <input data-v-c3f82132="" type="button"
                                                                                   value="replace"></a></li>
                    <li data-v-c3f82132=""><a data-v-c3f82132="" href="#/home/message/messageDetail/3" class="">
                      message03
                      <input data-v-c3f82132="" type="button" value="push"> <input data-v-c3f82132="" type="button"
                                                                                   value="replace"></a></li>
                    <li data-v-c3f82132=""><a data-v-c3f82132="" href="#/home/message/messageDetail/4" class="">
                      message04
                      <input data-v-c3f82132="" type="button" value="push"> <input data-v-c3f82132="" type="button"
                                                                                   value="replace"></a></li>
                    <li data-v-c3f82132=""><a data-v-c3f82132="" href="#/home/message/messageDetail/5" class="">
                      message05
                      <input data-v-c3f82132="" type="button" value="push"> <input data-v-c3f82132="" type="button"
                                                                                   value="replace"></a></li>
                    <li data-v-c3f82132=""><a data-v-c3f82132="" href="#/home/message/messageDetail/6" class="">
                      message06
                      <input data-v-c3f82132="" type="button" value="push"> <input data-v-c3f82132="" type="button"
                                                                                   value="replace"></a></li>
                  </ul>
                  <input data-v-c3f82132="" type="button" value="back"> <!----></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
